<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>工作委托</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="../../../../static/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../../static/lib/layuiadmin/style/admin.css" media="all">
    <script src="../../../../static/lib/layuiadmin/layui/layui.js"></script>
    <script src="../../../common/jquery-3.3.1.min.js"></script>
    <script src="../../../common/common.js"></script>
    <script src="../../../common/dataGrid.js"></script>

    <script type="text/javascript" src="entrustList.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
            border: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        html, body .dw, body .dw .layui-card {
            height: 98%;
        }

        .layui-table-cell .layui-form-checkbox[lay-skin=primary] {
            top: 6px;
        }
    </style>
</head>
<body>
<div class="layui-col-md12 dw">
    <div class="layui-card" style="padding: 20px 15px;">
        <div class="" style="border-bottom:0;padding:0;height: 50px;">
            <form class="layui-form" action="">
                <table style="width:100%;table-layout:fixed;">
                    <tr>
                        <td style='width:80px'>
                            <a id="addBtn" class="layui-btn layui-btn-sm st_back1" onclick="addData()"> <i
                                    class="layui-icon">&#xe654;</i> 增加</a>
                        </td>
                        <td style='width:80px'>
                            <a id="reloadBtn" class="layui-btn layui-btn-sm st_back2" onclick="gridList.reload()"><i
                                    class="layui-icon">&#xe9aa;</i> 刷新</a>
                        </td>
                        <td></td>
                </table>
            </form>
        </div>
        <div id="gridList" title="工作委托" showHeader="true"  style="width:100%;height:100%;"
             url="/wf/entrust/pageList" idField="entrustId" allowResize="true"
             sizeList="[10,20,50,100]" pageSize="10" multiSelect="false" pageIndexField="page" pageSizeField="rows"
             dataField="rows">
            <div property="columns" style="display: none">
                <div type="indexcolumn" width="5%" headerAlign="center">No.</div>
                <!---请手动修改各个列宽度，建议都设数字；让一个或两个设定按照百分比设置，百分比之和等于100%；操作列如果只有修改和删除时一般不用修改---->
                <div field='consignor' width='10%' headerAlign='center' allowSort='true' renderer="formatConsignor">
                    委托人
                </div>
                <div field='mandatary' width='15%' headerAlign='center' allowSort='true' renderer="formatMandatary">
                    被委托人
                </div>
                <div field='wfId' width='20%' headerAlign='center' allowSort='true' renderer="formatWfId">委托流程</div>
                <div field='beginTime' width='10%' headerAlign='center' allowSort='true' renderer="getEnState">委托状态
                </div>
                <div field='beginTime' width='15%' headerAlign='center' allowSort='true'
                     dateformat="yyyy-MM-dd HH:mm:ss">开始时间
                </div>
                <div field='endTime' width='15%' headerAlign='center' allowSort='true' dateformat="yyyy-MM-dd HH:mm:ss">
                    结束时间
                </div>
                <div field="entrustId" width="12%" headerAlign="center" allowSort="false" cellStyle="text-align:center;"
                     renderer="formatOper">操作
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
